<?php include_partial('global/navbar') ?>
<br/><br/>

<link href="./css/date.css" rel="stylesheet"/>

<div class="content_nav">
    
    <div class="tag_nav wrap">
        11月之前交易明细
        <div class="col-xs-12 pd-n">
            <hr />
            <table class="table table-hover ">
                <thead>
                    <tr>
                        <th>日期</th>
                        <th>类型</th>
                         <th>冻结</th>
                        <th>收入</th>
                        <th>支出</th>
                        <th>余额</th>
                        <th style="width: 280px">说明</th>
                    </tr>
                </thead>
                <tbody>
           <?php if(!empty($user_account_details)):?>
            <?php foreach($user_account_details as $details): ?>
            <tr>
                <td><?php echo $details['created_at'] ; ?></td>
                  <td><?php echo AccountDetails::$action_label[$details["event"]]; ?></td>
                  <td><?php echo number_format(AccountDetails::getInOfOutOld('no_in_out',$details["event"],$details['money']),2); ?></td>
                  <td><?php echo number_format(AccountDetails::getInOfOutOld('in',$details["event"],$details['money']),2); ?></td>
                  <td><?php echo number_format(AccountDetails::getInOfOutOld('out',$details["event"],$details['money']),2); ?></td>
                  <td><?php echo number_format($details['balance'],2); ?></td>
                  <td style="width: 280px"><?php echo html_entity_decode($details['description']); ?></td>
            </tr>
            <?php endforeach; ?>
          <?php endif; ?>
                </tbody>
            </table>
        </div>
        
    </div>
</div>
<script src="./js/jquery.js"></script>
<script src="./js/date.js"></script>
<script >
    $("#10003,#10007").addClass("on");
    $('#startDate').datetimepicker({
        format: 'yyyy-mm-dd',
        autoclose: true,
        minView: 'decade'
    });
    $('#endDate').datetimepicker({
        format: 'yyyy-mm-dd',
        autoclose: true,
        minView: 'decade'
    });
  
    
</script>